<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!--<link rel="stylesheet" type="text/css" href="scss/animate.css"/>-->
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="indexWeb">
			<div class="mainMenu">
				<div class="blur"></div>
				<div data-ripple="ripple" class="close">
					<img src="img/index/close_icon.png" />
				</div>
				<ul>
					<li>
						<a href="accountSecurity.html">账户安全</a>
					</li>
					<li><a href="#">地址管理</a></li>
					<li>
						<a href="PersonalInformation.html">个人信息</a>
					</li>
					<li>
						<a href="commonDocuments.html">常见问题</a>
					</li>
					<li>
						<a href="insideLetter.html">站内信</a>
					</li>
					<li><a href="">退出登录</a></li>
				</ul>
			</div>
			<header class="indexHeader">
				<ul>
					<li>
						<img src="img/index/or_logo.png" />
					</li>
					<li  class="menuIcon">
						<div class="count">13</div>
						<img src="img/index/menu_icon.png" alt="" />
					</li>
					<li class="search">
						<div>
							<div class="searchImg">
								<img src="img/index/search_icon.png" />
							</div>

							<input type="text" name="" id="" value="" />
						</div>
					</li>
				</ul>
			</header>
			
			<section class="indexContent">
				<!--菜单-->
				<div class="subMenu">
					<ul>
						<li>
							沙发0
							
						</li>
						<li>
							座墩1
							
						</li>
						<li>
							椅子2
							
						</li>
						<li>
							靠垫3
							
						</li>
						<li>
							沙发4
							
						</li>
						<li>
							座墩5
							
						</li>
						<li>
							椅子6
							
						</li>
						<li>
							靠垫7
							
						</li>
					</ul>
				</div>
				<div class="clear"></div>
				<!--轮播图-->
				<div class="lunbo">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<a href="GoodsDetails.html"><img src="img/index/images/lunbo_03.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href="GoodsDetails.html"><img src="img/index/images/proShow2_03.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href="GoodsDetails.html"><img src="img/index/images/lunbo_03.jpg" /></a>
						</li>
						<li class="swiper-slide">
							<a href="GoodsDetails.html"><img src="img/index/images/proShow2_03.jpg" /></a>
						</li>
					</ul>
					<div class="swiper-button-prev">&lt;</div>
					<div class="swiper-button-next">&gt;</div>
				</div>
				<!--产品标题-->
				<h2 class="proTitle">
					优选家具
				</h2>
				<!--产品展示-->
				<ul class="proShow">
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow_07.jpg" /></a>
					</li>
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow_07.jpg" /></a>
					</li>
					<!--<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow_07.jpg" /></a>
					</li>-->
					
				</ul>
				<!--更多按钮-->
				<div class="seeMore seeMore_">
					SEE MORE
				</div>
				<!--产品标题-->
				<h2 class="proTitle">
					人气组合家具
				</h2>
				<!--产品展示-->
				<ul class="proShow proShow2">
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow2_03.jpg" /></a>
						<p>im五斗柜</p>
					</li>
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow2_05.jpg" /></a>
						<p>im五斗柜</p>
					</li>
					<!--<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow2_05.jpg" /></a>
						<p>im五斗柜</p>
					</li>-->
					
				</ul>
				<hr />
				<ul class="proShow3">
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow3_10.jpg" /></a>
					</li>
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow3_12.jpg" /></a>
					</li>
					<li>
						<a href="http://www.bluej.cn"><img src="img/index/images/proShow3_14.jpg" /></a>
					</li>
					<!--<li>
						<img src="img/index/images/proShow3_14.jpg" />
					</li>-->
					
				</ul>
				<!--更多按钮-->
				<div class="seeMore seeMore_">
					SEE MORE
				</div>
			</section>
			<footer class="indexFooter">
				<ul>
					<li data-ripple="ripple">
						<img src="img/index/home_icon.png" />
					</li>
					<a href="PersonalInformation.html">
						<li data-ripple="ripple">
							<img src="img/index/id_icon.png" />
						</li>
					</a>
					<a href="shoppingCart.html">
						<li data-ripple="ripple">
							<img src="img/index/buy_icon.png" />
						</li>
					</a>
					<a href="service.html">
						<li data-ripple="ripple">
							<img src="img/index/service_icon.png" />
						</li>
					</a>
				</ul>
			</footer>

		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mainMenu.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touchBtn.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>